<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<from action="#">
    用户名:<input type="text" name="username" placeholder="请输入用户名" readonly>
    密码:<input type="password" name="password" placeholder="请输入密码">
    <hr>
    <br>
    性别:<input type="radio" name="gender">男
        <input type="radio" name="gender">女
    <br>
    生日:<input type="date" name="birthday" value="birthday">
    <br>
    爱好:<input type="checkbox" name="hobby">抽烟
        <input type="checkbox" name="hobby">喝酒
        <input type="checkbox" name="hobby">烫头
        <input type="checkbox" name="hobby">学java
    <br>
    幸运色:<input type="color" name="lucky">
    <br>
    头像:<input type="file" name="filename">
    <br>
    <input type="checkbox" id="yes">
    <label for="yes">请同意此协议</label>
    <br>
    <!--按钮的第一种表示方式-->
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="button" value="普通按钮">
    <!--按钮的第二种表示方式-->
    <button>按钮</button>
    <br>
    <!--下拉选择框-->
    <select name="city">
        <option value="beijing">北京</option>
        <option value="shanghai">上海</option>
        <option value="guangzhou">广州</option>
        <option value="shenzhen">深圳</option>
    </select>
</from>
<hr>
<br>
<h1>欢迎注册</h1>
<from action="#">
    <table border="1px">
        <!--1-->
        <tr>
            <td>用户名:</td>
            <td>
                <input type="text" name="username"  value="请输入用户名">
            </td>
        </tr>
        <!--2-->
        <tr>
            <td>密码:</td>
            <td>
                <input type="password" name="password" placeholder="请输入密码">
            </td>
        </tr>
        <!--3-->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name="gender" value="1">男
                <input type="radio" name="gender" value="0">女
            </td>
        </tr>
        <!--4-->
        <tr>
            <td>爱好:</td>
            <td>
                <input type="checkbox" name="like" value="cy">抽烟
                <input type="checkbox" name="like" value="hj">喝酒
                <input type="checkbox" name="like" value="tt">烫头
            </td>
        </tr>
        <!--5-->
        <tr>
            <td>邮箱</td>
            <td>
                <input type="text" name="email" placeholder="请输入邮箱">
            </td>
        </tr>
        <!--6-->
        <tr>
            <td>生日:</td>
            <td>
                <input type="date" name="birthday">
            </td>
        </tr>
        <!--7-->
        <tr>
            <td>靓照:</td>
            <td>
                <input type="file" name="picture">
            </td>
        </tr>
        <!--8-->
        <tr>
            <td>所在地</td>
            <td>
                <select name="city">
                    <option value="bj" selected>北京</option>
                    <option value="sh">上海</option>
                </select>
            </td>
        </tr>
        <!--9-->
        <tr>
            <td colspan="2">
                <input type="submit" value="注册">
            </td>
        </tr>
    </table>


</from>
</body>
</html>